#hover-font-color() {
	.red {
		&:hover {
			color: #e4393c;
		}
	}
}
body {
	font: 12px/150% Arial, Verdana, "\5b8b\4f53";
}
#header {
	position: relative;
	overflow: hidden;
	#logo {
		float: left;
		margin-left: 180px;
		margin-top: 10px;
		b {
			display: inline-block;
			width: 110px;
			height: 40px;
			background: url("../images/欢迎登录.png") no-repeat;
			margin-left: 20px;
		}
	}
	.q-link {
		float: right;
		margin-right: 180px;
		vertical-align: baseline;
		position: relative;
		top: 50px;
		color: #999;
		#hover-font-color.red();
		b {
			display: inline-block;
			width: 18px;
			height: 14px;
			margin: 0 5px;
			background: url("../images/message.png");
			vertical-align: middle;
		}
	}
}
#main {
	.tips-wrapper {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		background: #fff8f0;
		color: #666;
		.content-tips {
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url("../images/icon-tips.png") no-repeat;
			vertical-align: middle;
		}
		p {
			display: inline-block;
			vertical-align: middle;
		}
		a {
			color: #333;
		}
	}
	.login-wrapper {
		width: 100%;
		height: 475px;
		position: relative;
		.login-banner {
			width: 100%;
			height: 475px;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #ef0601;
			.w {
				width: 990px;
				margin: 0 auto;
				.banner-bg {
					background-color: #ef0601;
					background: url("../images/bgimg-login.jpg") no-repeat;
					height: 475px;
				}
			}
		}
		.login-form {
			width: 346px;
			position: absolute;
			right: 180px;
			top: 10px;
			background: #fff;
			.login-tab {
				overflow: hidden;
				border-bottom: 1px solid #f4f4f4;
				> div {
					width: 173px;
					height: 54px;
					font-size: 18px;
					font-family: "microsoft yahei";
					text-align: center;
					background: #fff;
					float: left;
					color: #666;
					line-height: 54px;
				}
			}
			.mc {
				.form {
					#formlogin {
						.item-fore1,
						.item-fore2 {
							border: 1px solid #bdbdbd;
							height: 38px;
							width: 304px;
							margin: 30px auto 20px;
							position: relative;
							overflow: hidden;
							label {
								position: absolute;
								z-index: 3;
								top: 0;
								left: 0;
								width: 38px;
								height: 38px;
								box-sizing: border-box;
								border-right: 1px solid #bdbdbd;
							}
							.name-label {
								background: url("../images/精灵图-login.png") no-repeat;
								background-position: 0 0;
							}
							.pwd-label {
								background: url("../images/精灵图-login.png") no-repeat;
								background-position: -48px 0;
							}
							input {
								box-sizing: border-box;
								width: 100%;
								height: 100%;
								outline: none;
								border: none;
								padding: 10px 0 10px 50px;
							}
						}
						.item-fore3 {
							overflow: hidden;
							.forget-pw-safe {
								float: right;
								margin-right: 20px;
								a {
									color: #666;
									#hover-font-color.red();
								}
							}
						}
						.item-fore4 {
							a {
								border: 1px solid #e85356;
								display: block;
								width: 302px;
								background: #e4393c;
								height: 31px;
								line-height: 31px;
								color: #fff;
								font-size: 20px;
								font-family: "Microsoft YaHei";
								margin: 20px auto 30px;
								text-align: center;
							}
						}
					}
				}
			}
			.coagent {
				padding-left: 20px;
				padding-right: 20px;
				line-height: 50px;
				border-top: 1px solid #f4f4f4;
				height: auto;
				background-color: #fcfcfc;
				ul {
					display: block;
					overflow: hidden;
					li {
						float: left;
						.qq-icon {
							display: inline-block;
							vertical-align: middle;
							width: 19px;
							height: 18px;
							background: url("../images/QQ-weixin.png") no-repeat;
							background-position: 0 0;
						}
						.wx-icon {
							display: inline-block;
							vertical-align: middle;
							width: 19px;
							height: 18px;
							background: url("../images/QQ-weixin.png") no-repeat;
							background-position: -20px 0;
						}
						.line {
							margin: 0 5px;
							color: #ccc;
						}
						span {
							vertical-align: middle;
						}
					}
					.right {
						float: right;
						height: 100%;
						.register-link {
							a {
								color: #b61d1d;
								font-size: 14px;
								b {
									display: inline-block;
									width: 16px;
									height: 16px;
									overflow: hidden;
									background: url("../images/精灵图-login.png") no-repeat -104px -75px;
									vertical-align: middle;
									margin-right: 5px;
								}
							}
						}
					}
				}
			}
		}
	}
}
#footer {
	text-align: center;
	.links {
		margin-top: 20px;
		a {
			display: inline-block;
			margin: 0 10px;
			color: #666;
			#hover-font-color.red();
		}
	}
	.copyright {
		margin: 10px auto 40px;
		color: #666;
	}
}
